@charset "ks_c_5601-1987";

/** default definition **/

html { width: 100%; height: 100%; margin:0; padding: 0; }
body { margin: 0; padding: 0; }
div, p, span, dl, ul, ol, li, dt, dd, strong, fieldset, table, form, address, input, select, textarea, legend { margin: 0; padding: 0; line-height: 1.2em; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

form { display: inline; }

table { width:100%; border-collapse: collapse; border-spacing: 0; }
caption {
    position: absolute; overflow: hidden; visibility: hidden;
    width: 0; height: 0;
    font-size: 0; line-height: 0;
}

hr { display: none; }

fieldset, img { border: none; vertical-align: top; }
legend { position: absolute; top: 0; left: 0; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; }
dl, ol, ul { list-style: none; }
textarea { color: #7f7a70; font-size: 12px; }

a { text-decoration: none; color: #7f7a70; font-size: 12px; line-height: 17px; font-family: tahoma; letter-spacing: -0.1em; }

.txtHidden { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; }


/** layout **/
.headerNavi { position: absolute; top: 37px; left: 0; z-index: 1; width: 100%; height: 237px; overflow: hidden; text-align: center; color: #7f7a70; font-size: 12px; line-height: 17px; font-family: Tahoma; letter-spacing: -0.1em; }
.contentsWrap { position: static; z-index: 10; width: 1004px; height: auto; overflow: hidden; _overflow: visible; padding: 234px 48px 0 48px; margin: 0 auto; _margin: 0 auto -234px auto; color: #7f7a70; font-size: 12px; line-height: 17px; font-family: Tahoma; letter-spacing: -0.1em; }
.cpFooter { position: relative; width: 100%; height: auto; overflow: hidden; margin: 0 auto 0 auto; padding: 10px 0 30px 0; color: #7f7a70; background-color: #363228; font-size: 12px; line-height: 17px; font-family: Tahoma; letter-spacing: -0.1em; }

/* leftArea */
.leftSideArea { position: relative; top: 0px; float: left; width: 218px; height: auto; overflow: hidden; }
.sideNavi { width: 218px; height: auto; overflow: hidden; }

.leftSideBanner { width: 218px; text-align: center; }
.leftSideBanner .inquiry { display: inline-block; margin: 10px 0 0 0; }
.leftSideBanner .inquiry img { float: left; }

/* login */
.loginBody { background: transparent none !important; }
.loginFrame { width: 218px; height: 191px; overflow: hidden; border: none; }
.logout { position: relative; width: 210px; height: 168px; padding: 23px 0 0 8px; background: transparent url(http://krimg.joymax.com/property/silkroad/silkroadonline_6/common/bg_logout.gif) no-repeat left top; }
.logout p { width: 171px; height: 40px; overflow: hidden; margin: -1px 0 10px 13px; color: #665d49; font: normal 12px/18px dotum; letter-spacing: -0.1em; }
.logout p strong { color: #988760; }
.logout .pmang { width: 171px; height: 43px; margin: -2px 0 6px 13px; color: #665d49; font: normal 11px/14px dotum; letter-spacing: -0.1em; }
.logout .pmang_c { width: 171px; height: auto; padding: 2px 0 0 0; text-align: center; }
.logout .pmang strong { color: #988760; }
.logout .pmang a { display: inline; padding: 0; color: #c48b4d; text-decoration: underline; }
.login { position: relative; width: 210px; height: 168px; padding: 23px 0 0 8px; background: transparent url(http://krimg.joymax.com/property/silkroad/silkroadonline_6/common/bg_login.gif) no-repeat left top; }
.login label { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; }
.login .userIdPw { float: left; width: 102px; height: 19px; margin: 2px 0 3px 9px; font: bold 11px/16px verdana;color: #4c4435; text-indent: 5px; border: none; background: #0f0907 none; }
.login .userId { background: #0f0907 url(http://krimg.joymax.com/property/silkroad/silkroadonline_6/common/bg_txt_id.gif) no-repeat 2px 4px; }
.login .userPw { background: #0f0907 url(http://krimg.joymax.com/property/silkroad/silkroadonline_6/common/bg_txt_pw.gif) no-repeat 2px 4px; }
.login .btnLogin { position: absolute; right: 12px; top: 20px; }
.login span, .logout span { display: inline-block; padding: 4px 0 8px 0; }

/* search */
.sideSearch { display: block; width: 218px; margin: 10px 0; background: transparent url(http://krimg.joymax.com/property/silkroad/silkroadonline_6/common/bg_sideSearch.gif) no-repeat 6px top; }
.sideSearch * { vertical-align: middle; }
.sideSearch .keyWord { width: 105px; height: 16px; padding: 2px 0; margin: -4px 0 0 15px; color: #928972; text-indent: 5px; border: none; background: #3d372c none; }
.sideSearch .keyWord_bg { background: #3d372c url(http://krimg.joymax.com/property/silkroad/silkroadonline_6/common/bg_searchTxt.gif) no-repeat 4px 2px; }
.sideSearch .btnSearch { margin: 0 0 0 15px; }

/* contents */
.contents { position: relative; top: 0px; float: left; width: 640px; height: auto; overflow: visible; padding: 0 0 90px 0; background: transparent url(http://krimg.joymax.com/property/silkroad/silkroadonline_6/common/bg_contents.gif) no-repeat center 80px; }


/* tabMenu */
.tabMenu_bg { width: 623px; height: auto !important; padding: 0 0 8px 0; margin: 10px auto 10px auto !important; background: transparent url(http://krimg.joymax.com/property/silkroad/silkroadonline_6/gamedata/tabMenu_bg2.gif) no-repeat left bottom !important; }
.tabMenu { position: relative; width: 623px; height: auto; overflow: hidden; margin: 10px auto 15px auto; background: #38342a url(http://krimg.joymax.com/property/silkroad/silkroadonline_6/gamedata/tabMenu_bg.gif) repeat-x 1px top; }
.tabMenu ul { width: 623px; height: auto; overflow: hidden; }
.tabMenu ul li { float: left; width: 107px; height: auto; _overflow: hidden; }
.tabMenu ul li.w88 { width: 88px; overflow: hidden; }
.tabMenu ul li .subMan { position: relative; top: 0px; left: -107px; } /* subMenu2 활성화시 */
.tabMenu ul li .subWoman { position: relative; top: 0px; left: -214px; } /* subMenu3 활성화시 */
.tabMenu ul li .skillType { position: relative; top: 0px; left: 0px; } /* subMenu1 활성화시 */
.tabMenu ul li .subItem { position: relative; top: 0px; left: -321px; } /* subMenu4 활성화시 */
.tabMenu ul li .subMneuPosition1 { position: relative; top: 0px; left: 0px; } /* subMenu1_1 활성화시 */
.tabMenu ul li .subMneuPosition2 { position: relative; top: 0px; left: -82px; } /* subMenu1_2 활성화시 */
.tabMenu ul li .subMneuPosition3 { position: relative; top: 0px; left: -164px; } /* subMenu1_3 활성화시 */
.tabMenu ul li .subMneuPosition4 { position: relative; top: 0px; left: -246px; } /* subMenu1_4 활성화시 */
.tabMenu ul li .subMneuPosition5 { position: relative; top: 0px; left: -328px; } /* subMenu1_5 활성화시 */
.tabMenu ul li .subMneuPosition6 { position: relative; top: 0px; left: -400px; } /* subMenu1_6 활성화시 */
.tabMenu ul li .subMneuPosition7 { position: relative; top: 0px; left: -482px; } /* subMenu1_7 활성화시 */
.tabMenu ul li ul { width: 623px; height: auto; overflow: hidden; padding: 1px 0 3px 0; border-top: 1px solid #39352e; background: #302d25 none; }
.tabMenu ul li ul li { float: left; width: 82px; height: auto; _overflow: hidden; }
.tabMenu ul li ul li.w102 { width: 102px; }
.tabMenu ul li ul li.w112 { width: 112px; }
.tabMenu ul li ul li.w122 { width: 122px; }
.tabMenu ul li ul li ul { width: 613px; height: auto; overflow: hidden; padding: 5px ; background: #312e25 none; }
.tabMenu ul li ul li ul li { width: auto; white-space: normal; background: transparent url(http://krimg.joymax.com/property/silkroad/silkroadonline_6/common/bg_tabMenu_line.gif) no-repeat 13px 5px; }
.tabMenu ul li ul li ul li.first { background: transparent none; }
.tabMenu ul li ul li ul li.first a { padding: 1px 0 1px 10px; }
.tabMenu ul li ul li ul li a { display: block;  white-space: nowrap; padding: 1px 0 1px 26px; color: #787366; }
.tabMenu ul li ul li ul li a:hover { color: #c0b8a4; }
.tabMenu ul li ul li ul li a.tabMenu_on { color: #c0b8a4; }


/* location */
.title_location { position: relative; width: 640px; height: 114px; margin: 26px 0 10px 0; _margin: 0; _padding: 26px 0 10px 0; background: transparent url(http://krimg.joymax.com/property/silkroad/silkroadonline_6/common/bg_title.png) no-repeat left top; _background-position: 0 26px; }
.title_location h3 img { margin: 23px 0 0 21px; }
.title_location .titleExplanation { position: absolute; top: 74px; left: 19px; _top: 100px; }
.title_location .location { position: absolute; top: 79px; _top: 100px; right: 17px; color: #80755d; }
.title_location .location a { color: #5d5543; }
.title_location .location img { margin: 0 3px 2px 3px; vertical-align: middle; }



/* rightArea */
.rightSideArea { position: relative; float: right; width: 145px; height: auto; }
.rightSideArea .btnTop { position: absolute; top: 580px; left: 0; margin: 10px 0 0 0; }
.rightSideBanner { width: 145px; height: auto; overflow: hidden; }
.rightSideBanner img { margin: 5px 0 0 0; }

.quickMenu { position: relative; top: 0px; width: 145px; height: 200px; }


/* cpFooter 20121024 edit */
.footerContents { position: relative; width: 1004px; height: auto; overflow: hidden; margin: 0 auto; background: #363228 url(http://krimg.joymax.com/property/silkroad/silkroadonline_6/common/bg_cpFooterLine.gif) repeat-x left top; }
.cpFooter{background: transparent url(http://krimg.joymax.com/property/joymax/joymax_portal_v2/common/bg_footer.gif) no-repeat;width:1069px;height:156px;}
.cpFooter ul {width: 100%; height: auto; overflow: hidden; margin: 22px 0 10px 0; }
.cpFooter ul li { float: left; }
.cpFooter ul li img { margin: 0 30px 0 0; vertical-align: top; }
.cpFooter .footerlogo{float:left;width:95px;padding:20px 30px 0 30px;}
.cpFooter .footerlogo div{float:left;}
.cpFooter .policy{float:left;width:900px;}
.cpFooter .joymax_address img{float:left;margin-bottom:30px;}
.cpFooter .wemade_address img {float:left;}
/* cpFooter 20121024 edit*/

/* cpFooter 20130410 edit*/
.cpFooter .footerContents { overflow:hidden; width:1060px; height:auto; margin:0 auto; padding:20px 0 0 0; background:#363228 url(http://krimg.joymax.com/property/silkroad/silkroadonline_6/common/bg_cpFooterLine.gif) left top repeat-x; }
.cpFooter .footerLogoPmang { float:left; width:104px; padding:10px 18px 0 18px; }
.cpFooter .footerLogoPmang a { display:block; margin:0 0 16px 0; }
.cpFooter .footerPolicyPmang { float:left; width:500px; }
.cpFooter .footerPolicyPmang .company { overflow:hidden; width:100%; margin:0; }
.cpFooter .footerPolicyPmang .company li { float:left; }
.cpFooter .footerPolicyPmang .policy { padding:9px 0 0 0; }
.cpFooter .footerPolicyPmang .policy img { display:block; }
.cpFooter .footerPolicyPmang .cpFooterCopy { display:block; padding:16px 0 0 0; }
.cpFooter .userClass { float:left; width:420px; }
/* cpFooter 20130410 edit*/


/* selectBox */
.combox { position: relative; z-index: 10000; float: left; width: 110px; height: 20px; color: #646052; border: 1px solid #454337; background: #24211f none; }
.combox span { display: inline-block; width: 90px;  height: auto; text-align: center; padding: 0 10px; line-height: 20px; background: transparent url(http://krimg.joymax.com/property/silkroad/silkroadonline_6/common/bul/bul_selectArrow.gif) no-repeat 90px 9px; }
.combox .menu { position: absolute; top: -1px; left: -1px; z-index: 10000; width: 110px; color: #646052; background: #24211f none; border: 1px solid #454337; }
.combox .menu li { cursor: pointer; width: 90px; height: 12px; padding: 5px 10px; text-align: center; }

#footer * { line-height:13px }
#footer img { vertical-align:middle }

/* error */
.errorBody { background: #363228 none; }
.errorWrap { position: static; width: 760px; height: auto; overflow: visible; margin: 0 auto; }
.errorWrap .error { width: 760px; height: 100%; overflow: hidden; margin: 0 auto; padding: 95px 0 200px 0; text-align: center; }
.errorWrap .error p { width: 758px; height: auto; margin: 10px 0 35px 0; padding: 30px 0; font: normal 12px/18px dotum; color: #b6b1a4; text-align: center; border: 1px solid #39352c; }

.iePngFix {behavior:url("/common/js/iepngfix.htc");}

/* search */
.searchBody { background: #38352b url(http://krimg.joymax.com/property/silkroad/silkroadonline_6/search/bg_search.gif) repeat-x left 31px; }
.searchBody_p { background: #38352b url(http://krimg.joymax.com/property/silkroad/silkroadonline_6/search/bg_search.gif) repeat-x left 43px; }
.searchWrap { position: relative; top: 31px; width: 100%; height: 100%; padding: 0 0 60px 0; }
.searchWrap_p { width: 100%; height: 100%; padding: 0 0 50px 0; }
.searchHeader { width: 1002px; height: auto; margin: 0 auto; }
.searchHeader h1 { display: inline-block; float: left; margin: 0 0 5px 43px; }
.searchHeader fieldset { float: left; width: 550px; height: auto; margin: 58px 0 0 5px; }
.searchHeader fieldset * { vertical-align: middle; }
.searchHeader fieldset p { float: left; width: 405px; height: 43px; margin: 0 5px 0 0; background: transparent url(http://krimg.joymax.com/property/silkroad/silkroadonline_6/search/bg_searchInput.gif) no-repeat left top; }
.searchHeader fieldset p .searchInput { width: 355px; height: 20px; padding: 5px 0 0 5px; margin: 7px; font: bold 16px/16px dotum; border: 0; color: #f2eddc; background: transparent none; }
.searchHeader fieldset p img { margin: 3px 0 0 0; }
.searchHeader ul { clear: both; width: 1002px; height: 46px; background: transparent url(http://krimg.joymax.com/property/silkroad/silkroadonline_6/search/bg_tabMenu.gif) no-repeat left top; }
.searchHeader ul li { float: left; }

.searchResult { width: 1002px; height: auto; margin: 45px auto 0 auto; }
.searchResult .bgNone { background: transparent none !important; }
.searchResult .searchResultsection { width: 1002px; height: auto; overflow: hidden; padding: 0 0 20px 0; margin: 0 0 20px 0; background: transparent url(http://krimg.joymax.com/property/silkroad/silkroadonline_6/search/img_line.gif) no-repeat left bottom; }
.searchResult .searchResultsection h2 { margin: 0 0 20px 0; font: bold 16px/18px dotum; color: #f2eddc; }
.searchResult .searchResultsection h2 span { padding: 0 0 0 5px; font: normal 12px/18px dotum; }
.searchResult .searchResultsection ul { width: 1002px; height: auto; padding: 0 0 5px 0; }
.searchResult .searchResultsection ul li { margin: 0 0 25px 0; font: normal 12px/18px dotum; }
.searchResult .searchResultsection ul li span { display: block; padding: 0 0 10px 0; color: #b4ac92; }
.searchResult .searchResultsection ul li span a { font-weight: normal; color: #e8ab53 }
.searchResult .searchResultsection ul li span b a { font-weight: normal; color: #e8ab53; text-decoration: underline; }
.searchResult .searchResultsection ul li p { color: #dedaca; line-height: 18px; }
.searchResult .searchResultsection ul li p b { color: #e8ab53}
.searchResult .searchResultsection .more { display: inline-block; float: right; padding: 0 15px 0 0; background: transparent url(http://krimg.joymax.com/property/silkroad/silkroadonline_6/search/bul_more.gif) no-repeat right 3px; }
.searchResult .searchResultsection .more b { color: #e8ab53; font-weight: normal; text-decoration: underline; }

.searchResult .pgNavi { width: 100%; margin: 15px auto 0 auto; padding: 15px 0; text-align: center; color: #dcdcdc; letter-spacing: 0em; border: 6px solid #474236; }
.searchResult .pgNavi * { vertical-align: middle; }
.searchResult .pgNavi a { padding: 0 5px; color: #938d7b; }
.searchResult .pgNavi a img { vertical-align: middle; }
.searchResult .pgNavi span { padding: 0 10px; color: #938d7b; }
.searchResult .pgNavi span strong { padding: 0 5px; color: #d77f28; font-weight: bold; }

/* 자동클리어 설정 */
/* Hides from IE-mac \*/ * html .xb {height: 1%;} /* End hide from IE-mac */
.xb:after {clear:both; display:block; height:0; content:'.'; visibility:hidden;}

/* 2011-01-04 추가
 * Legend 11 Update
 */
.gameinfo h1 {position:absolute; top:0; left:0; width:1px; height:1px; overflow:hidden; font-size:0; line-height:0;}
.gameinfo h2, .gameinfo h3, .gameinfo .blk-def dt, .gameinfo .blk-list-plain li {background-image:url('http://krimg.joymax.com/property/silkroad/silkroadonline_6/common/bul/gameinfo_set.gif'); background-repeat:no-repeat;}
.gameinfo h2 {min-height:23px; _height:23px; margin:14px 0 9px 13px; padding:4px 0 0 27px; background-position:-63px 0; color:#D1BD8A; font-size:18px;}
.gameinfo h3 {margin:10px 0 5px 18px; padding-left:18px; background-position:-43px -29px;}
.gameinfo #content {width:630px; padding-top:10px;}
.gameinfo .blk-lead {width:auto; margin:9px 20px 14px;}
.gameinfo .blk-lead img {margin-right:-20px;}
.gameinfo .blk-lead .caution {margin:10px 0; padding-left:8px; color:#C3762B; text-indent:-8px;}
.gameinfo .blk-def {margin:8px 0 16px 18px;}
.gameinfo .blk-def dt {margin-bottom:5px; padding-left:18px; background-position:-43px -29px;}
.gameinfo .blk-def dd {margin:0 0 10px 11px;}
.gameinfo .blk-def .help-scene {margin-left:0;}
.gameinfo .blk-list-plain {margin:5px 0 7px 29px;}
.gameinfo .blk-list-plain li {padding-left:8px; background-position:-25px -54px;}
.gameinfo .blk-list-plain dt {padding-left:8px; background-position:-25px -54px;}
.gameinfo .blk-list-plain dd {margin-left:8px;}
.gameinfo .blk-diag {margin:10px 0 10px 18px;}
.gameinfo .help-scene {width:565px; margin:16px 0 16px 18px; padding:17px 19px 16px 20px; border:1px solid #454138; background-color:#343027;}
.gameinfo .help-scene .pic {margin:-4px -4px 8px;}
.gameinfo .help-scene-solid {width:604px; padding:0;}
.gameinfo .help-scene-lead {margin:9px 0 -5px 30px; padding-left:10px; text-indent:-10px;}
.gameinfo .caution h3 {margin:0 0 0 2px; padding-left:0; background-image:none; color:#B9902E; font-size:12px;}
.gameinfo .opener {margin-top:0;}

.tabMenu li .lower {position:absolute; top:0; left:-9999px;}
.tabMenu .result .lower {overflow:visible;}
.tabMenu .result .lower { width: 623px; height: auto; padding: 1px 0 3px 0; border-top: 1px solid #39352e; background: #302d25 none; }
.tabMenu .result .lower li {float:left; width: 82px;}
